/**
 * Created by andy on 2015/11/19.
 */

function scroll() {
    if(window.pageYOffset != null)  //  ie9+ 和其他浏览器
    {
        return {
            left: window.pageXOffset,
            top: window.pageYOffset,
        };
    }
    else if(document.compatMode == "CSS1Compat")  // 声明的了 DTD
    // 检测是不是怪异模式的浏览器 -- 就是没有 声明<!DOCTYPE html>
    {
        return {
            left: document.documentElement.scrollLeft,
            top: document.documentElement.scrollTop
        }
    }
    return { //  剩下的肯定是怪异模式的
        left: document.body.scrollLeft,
        top: document.body.scrollTop
    }
}
//缓动画函数。obj是对象，json是目标值
function animate(obj,json,fn){
    var step=0;
    clearInterval(obj.timer);
    obj.timer=setInterval(function(){
        for (var key in json) {
            if(key=="opacity"){     //opacity值是0--1；不能用parseInt
                console.log(Math.round(getStyle(obj, key)) * 100);
                var leader = Math.round(getStyle(obj, key)) * 100;

                var step = (json[key] - leader) / 10;

                step = step > 0 ? Math.ceil(step) : Math.floor(step);

                obj.style[key] = (leader + step )
                console.log((leader + step ));
            }else{
                var flag=true;
                step=(parseInt(json[key])-parseInt(getstyle(obj,key)))/10;
                //步长大于0向上取整,小于0向下取整
                step=step>0?Math.ceil(step):Math.floor(step);
                obj.style[key]=parseInt(getstyle(obj,key))+step+"px";
                //判断是否到目标位置
                if(parseInt(json[key])!=parseInt(getstyle(obj,key))){
                    flag=false;
                }
            }
        }
        if(flag){
            clearInterval(obj.timer);
            if(fn){
                fn();
            }
        }
    },30);
}

//获取对象属性
function getstyle(obj,attr){
    if(window.getComputedStyle){
        return window.getComputedStyle(obj,null)[attr];//火狐，谷歌写法
    }
    return obj.currentStyle[attr];//ie写法
}